body {
  padding-bottom: 50px;
}
/* 页面主体 */
.balance_main {
  color: #3b3b3b;
  /* 头部 */
  .balance_header {
    background: linear-gradient(to right, #3383fe, #3cb6ff);
    height: 200px;
    line-height: 120px;
    font-size: 28px;
    color: #fff;
    font-weight: 800;
    padding-left: 20px;
  }

  /* 中间 */
  .balance_middle {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    margin: auto;
    width: 86%;
    /* 盒子 */
    .balance_middle_box {
      background-color: #fff;
      padding: 20px;
      box-shadow: 2px 2px 40px 2px grey;
      border-radius: 10px;
      /* 余额 */
      .balance_middle_box_onerow {
        .balance_middle_onerow_contentn {
          font-size: 30px;
          font-weight: 800;
          display: flex;
          .balance_middle_onerow_contentn_day {
            line-height: 150%;
            font-size: 15px;
            color: grey;
          }
        }
        .balance_middle_onerow_title {
          color: grey;
          margin: 15px 0 30px;
        }
      }
      .balance_middle_box_tworow {
        display: flex;
        justify-content: space-between;
        .balance_middle_tworow_contentn {
          font-size: 22px;
          font-weight: 800;
        }
        .balance_middle_tworow_title {
          color: grey;
          margin: 15px 0;
        }
      }
    }
  }

  .balance_footer {
    margin-top: 150px;
    padding: 0 20px;

    .balance_footer_button {
      position: relative;
      text-align: center;
      margin-left: 50%;
      transform: translateX(-50%);
      height: 60px;
      width: 300px;
      line-height: 60px;
      border-radius: 50px;
      color: #fff;
      font-size: 22px;
      font-weight: 800;
      background: linear-gradient(to right, #357df1, #51b1ed);
      cursor: pointer;

      .balance_footer_button_icon {
        position: absolute;
        left: 20px;
        top: 3px;
        width: 50px;
      }
    }
    .balance_footer_row {
      display: flex;
      justify-content: space-between;
      padding: 15px 10px;
      margin-top: 20px;
      background-color: #fff;
      border-radius: 10px;
      .balance_footer_row_left {
        display: flex;

        .balance_footer_row_left_icon {
          width: 30px;
        }
        .balance_footer_row_right_title {
          margin-left: 15px;
          font-size: 22px;
          font-weight: 600;
          line-height: 60px;
        }
      }

      .balance_footer_row_right {
        width: 30px;
      }
    }
  }
}

/* 下边 */
.bb-1 {
  border-bottom: 1px solid grey;
}
